﻿@using XiangDongClub.Model
@{
    Layout = null;
    var list = ViewBag.Ticket as List<ZT_RecTicket>;
}
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Content-Type" content="text/html">
    <title>享动运动季</title>
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/layer/mobile/need/layer.css" rel="stylesheet" />
    <link href="~/Content/index.css" rel="stylesheet" />
    <link href="~/Content/com.css" rel="stylesheet" />
</head>
<body>
    <div class="show-area" id="scrollDiv">
        <ul>
            @foreach (var item in list)
            {
                <li>用户<span>@(item.Phone.Substring(0, 3) + "****" + item.Phone.Substring(7, 4))</span>&nbsp;&nbsp;刚刚领取了&nbsp;&nbsp;<span>体验卡一张!</span></li>
            }
        </ul>
    </div>
    <div class="options">
        <img src="../image/index/hlogo.png" alt="和生活logo" />
    </div>
    <div style="width: 100%;height: auto;overflow: hidden;">
        <div class="submit-div">
            <img src="~/image/index/background3.png" alt="" />
        </div>
        <div class="gift">
            <img class="gift-img" src="~/image/index/gift.png" alt="" /> 
        </div>
    </div>
    <div class="content">
        <div class="container">
            <!--合作健身馆-->
            <div class="hezuo">
                <img class="haoli" src="../image/index/haoli.png" alt="三重好礼" />
                <img class="hz-title" src="~/image/index/hezuojianshenguan.png" alt="" />
                <div class="hz-menu">
                    <div class="list">
                        <div class="lists">
                            <img src="~/image/index/logo_01.png" alt="" />
                            <p>先锋健身</p>
                            <p class="club-address"></p>
                        </div>
                        <div class="lists">
                            <img src="~/image/index/logo_02.png" alt="" />
                            <p>一本道馆</p>
                            <p class="club-address"></p>
                        </div>
                        <div class="lists">
                            <img src="~/image/index/logo_03.png" alt="" />
                            <p>maya瑜伽</p>
                            <p class="club-address"></p>
                        </div>
                    </div>
                    <div class="list">
                        <div class="lists">
                            <img src="~/image/index/logo_04.png" alt="" />
                            <p>懒虫健身</p>
                            <p class="club-address"></p>
                        </div>
                        <div class="lists">
                            <img src="~/image/index/logo_05.png" alt="" />
                            <p>踏月健身</p>
                            <p class="club-address"></p>
                        </div>
                        <div class="lists">
                            <img src="~/image/index/logo_06.png" alt="" />
                            <p>动岚健身</p>
                            <p class="club-address"></p>
                        </div>
                    </div>
                </div>
            </div>
            <!--道路背景-->
        </div>
        <div class="road">
            <div class="free">
                <img src="../image/index/index_1.png" alt="" />
            </div>
            <div class="years">
                <img src="../image/index/index_2.png" alt="全年体验馆" />
            </div>
            <div class="current">
                <img src="../image/index/index_3.png" alt="电流体验馆" />
            </div>
        </div>
        <div class="ins-rule">
            <div class="rule-icon">
                <img src="~/image/index/rule.png" alt="rule" />
            </div>
            <div class="my-btn">
                <img src="~/image/index/tiyanquan.png" alt="我的体验卷" />
            </div>
        </div>
    </div>
    <!--我的体验券浮层-->
    <div class="volume">
        <img class="close-img" src="~/image/index/close.png" alt="" />
        <div class="volume-content">
            <div class="container" id="userTicket">

                @*@foreach (var item in Model)
                {
                    <div class="volume-list volume-list1" style="background:url(/image/shoptype/background@(item.Ticket.State==1?item.Shop.ShopType.ToString():"hx"+item.Shop.ShopType).png) no-repeat ;background-size: 100% 100%;" onclick="ShopDetails(@item.Ticket.ShopId,@item.Ticket.CurType)">
                        <div class="logo">
                            <img style="width: 100%; border-radius: 50%;" src="http://fuwu.xdjsclub.com/Shops/images/@item.Shop.ImgLogo/logo.jpg" />
                        </div>
                        <div class="volume-info">
                            <p class="name-info">@(item.Shop.ShopName)(<span class="name-address">@item.Shop.CityName</span>)</p>
                            <p>卡号：<span>@item.Ticket.TicketCode</span></p>
                            <p class="volume-address">
                                <img src="~/image/index/place.png" alt="" />
                                <span>@item.Shop.UseShop</span>
                            </p>
                        </div>
                    </div>
                }*@
            </div>
        </div>
    </div>
    <!--我的体验券详情-->
    <div class="volume-frame">
        <img class="close-img" src="~/image/index/close.png" alt="" />
        <div class="frame-content">
            <div class="frame-logo">
                <!--<img src="~/image/index/gift.png" alt=""/>-->
                此处应该有一个logo
            </div>
            <div class="frame-text">
                <p class="frame-club-name">玛雅瑜伽</p>
                <p class="frame-club-number">单次体验卡</p>
                <div class="aaaaa">
                    <p class="frame-tips">使用说明</p>
                    <p class="frame-tips-text">吧啦吧啦吧啦吧啦吧啦吧啦吧</p>
                    <p class="apply-club">适用门店</p>
                    <p class="apply-club-text">按照商务给出的信息填写吧啦吧啦吧啦</p>
                    <p class="club-phone-number">电话：<a id="shopPhone" href="tel:983403857">983403857</a></p>
                </div>
            </div>
        </div>
    </div>
    <!--活动规则弹窗-->
    <div class="rule-frame">
        <img class="close-img" src="~/image/index/close.png" alt="close" />
        <div class="rule-content">
            <img class="trees" src="~/image/index/trees.png" alt="trees" />
            <div class="rule-text">
                <div class="rule-info">
                    <ol>
                        <li>本活动仅限四川移动用户参加，且每个手机号码只能参加一次;</li>
                        <li>用户无门槛进入【免费体验站】领取卡券后，可继续进入【好礼加油站】订购享动健身俱乐部服务，并可参加【豪礼助力站】游戏，100%领到礼品哦;</li>
                        <li>对于已经是“享动健身俱乐部”会员的用户，可直接无门槛进入三站选择自己心仪的卡券;</li>
                        <li>卡券使用：活动领取的卡券可直接在【我的卡包 】中查询;</li>
                        <li>卡券有效期：自成功领取之日起一个月内有效，过期自动失效;</li>
                        <li>如有任何疑问，请您关注微信公众号“享动健身俱乐部”或搜索微信号“XDJSCLUB”进行在线咨询;</li>
                        <li>我们同时也提供人工客服，您可在9:00～19:00时间内拨打客服热线：15928086780，人工繁忙时还请您使用在线咨询方式与我们联系;</li>
                        <li>本活动卡券规则由各参与场馆制定，建议您在体验之前拨打卡片上的场馆联系电话提前咨询及预约;</li>
                        <li>本活动最终解释权归活动主办方所有。</li>
                    </ol>
                </div>
            </div>
            <img class="rule-title" src="~/image/index/huodongshuoming.png" alt="活动说明" />
        </div>
    </div>

    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Content/bootstrap/js/bootstrap.min.js"></script>
    <script src="/layer/layer.js"></script>
    <script src="~/Scripts/Framework/JsOPP.js"></script>
    <script src="~/Scripts/hshjs_1.0.3.js"></script>
    <script src="~/Scripts/Business/com.js"></script>
    <script src="~/Scripts/Business/hsh/index.js"></script>

    <script>
    function autoscroll(obj){

        //这里的25px是#scrollDiv的高度
        $(obj).find("ul:first").animate({marginTop:"-3.6rem"},1000,function(){
            $(this).css("marginTop","0px").find("li:first").appendTo(this)
        })/*$(this).css("marginTop","0px")这里也许会有人搞不明白，为什么又设为0。因为在ul向上移25px的时候，其第一个li会添加到ul的末尾，如果ul的marginTop不设为0的话，整个ul就会慢慢移出它的父盒子，最后使得它的父盒子变空，实现不了原本想要实现的效果。*/
    }
    $(document).ready(function(){
        setInterval('autoscroll("#scrollDiv")',3000)
    })
    </script>
</body>
</html>